#5E8143

Color Details

HEX
#5E8143
RGB
rgb(94, 129, 67)
HSL
hsl(94, 32%, 38%)
CMYK
cmyk(27%, 0%, 48%, 49%)
Best text on this color #000000 (CR 4.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e8143
Contrast 4.70:1 AA
White on #5e8143
Contrast 4.47:1 Fail
#5e8143 on Black
Contrast 4.70:1 AA
#5e8143 on White
Contrast 4.47:1 Fail

Tints & Shades

#7e9a69
#9eb38e
#bfcdb4
#4b6736
#384d28
#26341b

Complement & Analogous

#654280
#428046
#7c8042

Triadic

#425d80
#80425d

Monochrome

#26341b #384d28 #5e8143 #9eb38e #bfcdb4 #dfe6d9

Analogous

#7c8042 #a3a67b #5e8143 #68996b #428046 #356638

Complementary Mix

#384d28 #5e8143 #9eb38e #654280 #9b84ac #422b53

Nearby Colors

#5e8142
#5e8144
#5e8133
#5e8153

Embed #5E8143 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E8143

#5E8143 converts to RGB(94, 129, 67) and HSL(94, 32%, 38%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E8143 FAQs

What is the RGB value of #5E8143?
RGB: 94, 129, 67. Copy as CSS: rgb(94, 129, 67)
Is #5E8143 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E8143?
Complement: #654280.
Does #5E8143 have good contrast on white or black?
On white: 4.47:1 (AA (large text)). On black: 4.70:1 (AA (normal text)).